<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  <head>
    <title>
    </title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/ui-btn.css">
    <link rel="stylesheet" href="css/ui-list.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-color.css">
	<link rel="stylesheet" href="css/ui-style.css">
	<link rel="stylesheet" href="css/carousel.css">
	<link rel="stylesheet" href="css/carousel-style.css">
	<link rel="stylesheet" href="css/scroller.css">
    <script src="js/zy_control.js"></script>
	<script src="js/zy_anim.js"></script>
    <script src="js/zy_click.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<style type="text/css">
		
	</style>
    <script>
    	
	var myScroll,
			pullDownEl, pullDownOffset,
			generatedCount = 0;
		
		function pullDownAction () {
				var cid = localStorage.getItem('cid');
				getNewsList(cid);
				uexWindow.toast('0','5','刷新成功','2000');
				myScroll.refresh();		// Remember to refresh when contents are loaded (ie: on ajax completion)
		}
		
		function pullUpAction () {
			setTimeout(function () {	// <-- Simulate network congestion, remove setTimeout from production!
				
				myScroll.refresh();		// Remember to refresh when contents are loaded (ie: on ajax completion)
			}, 1000);	// <-- Simulate network congestion, remove setTimeout from production!
		}
		
		function loaded() {
			pullDownEl = document.getElementById('pullDown');
			pullDownOffset = pullDownEl.offsetHeight;
			
			myScroll = new iScroll('wrapper', {
				fixedScrollbar:false,
				vScrollbar:false,
				checkDOMChanges:true,
				useTransition: true,
				topOffset: pullDownOffset,
				onRefresh: function () {
					if (pullDownEl.className.match('loading')) {
						pullDownEl.className = '';
						pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
					} 
				},
				onScrollMove: function () {
					if (this.y > 5 && !pullDownEl.className.match('flip')) {
						pullDownEl.className = 'flip';
						pullDownEl.querySelector('.pullDownLabel').innerHTML = '松开刷新...';
						this.minScrollY = 0;
					} else if (this.y < 5 && pullDownEl.className.match('flip')) {
						pullDownEl.className = '';
						pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
						this.minScrollY = -pullDownOffset;
					} 
				},
				onScrollEnd: function () {
					if (pullDownEl.className.match('flip')) {
						pullDownEl.className = 'loading';
						pullDownEl.querySelector('.pullDownLabel').innerHTML = '正在刷新...';				
						pullDownAction();	// Execute custom function (ajax call?)
					} 
				}
			});
			
			setTimeout(function () { document.getElementById('wrapper').style.left = '0'; }, 800);
		}
		
		document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
		document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 0); }, false);
		
	</script>
  </head>
<body class="um-vp" ontouchstart>
	<div style="overflow: hidden; left: 0px;" id="wrapper">
	<div style="-moz-transition-property: -moz-transform; -moz-transform-origin: 0px 0px; -moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -moz-transform: translate(0px, -51px) scale(1) translateZ(0px); -moz-transition-duration: 0ms;" id="scroller">
		<div class="" id="pullDown">
			<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
		</div>
	<div id="content" class="ub-f1 tx-l t-bla ub-img6 res10">
		<!--幻灯图片开始-->
		
		<div class="m-carousel m-fluid m-carousel-photos">
		  <div class="m-carousel-inner" style="min-height:8em;">
		    <div class="m-item m_0" id='' ontouchstart="zy_touch('btn-act')">
		      <img src="css/images/default.png" id="p0">
			  <p class="m-caption"></p>
		    </div>
		    <div class="m-item m_1" id='' ontouchstart="zy_touch('btn-act')">
		      <img src="css/images/default.png" id="p1">
			  <p class="m-caption"></p>
		    </div>
		    <div class="m-item m_2" id='' ontouchstart="zy_touch('btn-act')">
		      <img src="css/images/default.png" id="p2">
			  <p class="m-caption"></p>
		    </div>
		  </div>
		  <!--
		  <div class="m-carousel-controls m-carousel-bulleted" style="display:none;">
		    <a href="#" data-slide="1">1</a>
		    <a href="#" data-slide="2">2</a>
		    <a href="#" data-slide="3">3</a>
		  </div>
		  -->
		</div> 
		<!--幻灯图片结束-->
		<!--列表开始-->
		<div class="uba  b-gra c-wh us uc-n " id="newsList">   
		 	
		</div>
		<!--列表结束-->
		<div class="footer">
			<div id="nextpage" ontouchstart="zy_touch('btn-newfoot')" class="c-m7" onclick="getMoreNews();">查看下10条</div>
		</div>
     </div>
	 </div>
	</div>
</body>
<script src="js/zy_icache.js"></script>
<script src="js/zepto.js"></script>
<script src="js/carousel.js"></script>
<script src="js/base64.js"></script>
<script src="js/info.js"></script>
<script>
zy_init();
window.uexOnload=function(type)
{
	if(!type){
		zy_initcache(function(){});
	}
	
//	$('#loginBtn div').text('设置');
//	$('#loginBtn').show();
	
	
	getHeadNews();
	getNewsList(8);
	$('.m-carousel').carousel();
	//用于澳洲滚动新闻监控
	$('.m-item').bind('click',function(){
		var aid = this.id;
		var url = '';
		if(aid == ''){
			alert("数据未加载完全，请稍后访问！");
		}else{
			//goNewsWindow(aid);
			uexVideo.open(aid);
		}
	})
}
//用于头部间隔滚动
setInterval('cycle()',3000);

$(window).swipeLeft(function(){
	
})

$(window).swipeRight(function(){
	
})

</script>
</html>